{\rtf1\ansi\ansicpg936\cocoartf2638
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset134 PingFangSC-Semibold;\f1\fnil\fcharset0 HelveticaNeue-Bold;\f2\fnil\fcharset0 HelveticaNeue;
\f3\fnil\fcharset134 PingFangSC-Regular;\f4\fnil\fcharset0 Menlo-Regular;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
{\*\listtable{\list\listtemplateid1\listhybrid{\listlevel\levelnfc23\levelnfcn23\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{disc\}}{\leveltext\leveltemplateid1\'01\uc0\u8226 ;}{\levelnumbers;}\fi-360\li720\lin720 }{\listname ;}\listid1}
{\list\listtemplateid2\listhybrid{\listlevel\levelnfc23\levelnfcn23\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{disc\}}{\leveltext\leveltemplateid101\'01\uc0\u8226 ;}{\levelnumbers;}\fi-360\li720\lin720 }{\listname ;}\listid2}}
{\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}{\listoverride\listid2\listoverridecount0\ls2}}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\deftab560
\pard\pardeftab560\partightenfactor0

\f0\b\fs40 \cf0 \'b5\'d8\'c7\'f2\'c8\'d5\'ce\'ca\'cc\'e2\'d7\'dc\'bd\'e1\'a3\'ba
\f1 \
\pard\pardeftab560\slleading20\partightenfactor0

\f2\b0\fs26 \cf0 1.
\f3 \'d2\'c6\'b6\'af\'b6\'cb\'b5\'c4\'ca\'ca\'c5\'e4
\f2  
\f3 \'a3\'a8\'ce\'bb\'d6\'c3
\f2  
\f3 \'cd\'bc\'c6\'ac\'b4\'f3\'d0\'a1\'a3\'a9
\f2 \
\pard\pardeftab560\slleading20\partightenfactor0

\f3 \cf0 \'cd\'bc\'c6\'ac
\f2  canvas
\f3 \'d0\'e8\'d2\'aa\'b9\'e6\'b6\'a8\'ba\'c3\'bf\'ed\'b8\'df
\f2  \

\f3 \'ce\'bb\'d6\'c3\'d2\'aa\'ca\'b9\'d3\'c3\'b0\'d9\'b7\'d6\'b1\'c8
\f2  \
2.swiper
\f3 \'b5\'c4\'ca\'b9\'d3\'c3
\f2  
\f3 \'b5\'bc\'c8\'eb
\f2  
\f3 \'b2\'ce\'ca\'fd\'b5\'c4\'ca\'b9\'d3\'c3
\f2 \
	1.npm i swiper\
	2.import \{ Swiper, SwiperSlide \} from 'swiper/vue';\
	import 'swiper/css';\
	3.
\f3 \'d0\'b4\'c8\'eb\'d7\'e9\'bc\'fe\'d6\'d0
\f2 \
3.class
\f3 \'c0\'e0\'c3\'fb\'d7\'ee\'ba\'c3\'b2\'bb\'d2\'aa\'d0\'b4\'cd\'d5\'b7\'e5\'ca\'bd
\f2  
\f3 \'ca\'b9\'d3\'c3
\f2 -
\f3 \'c1\'ac\'bd\'d3
\f2 \
4.
\f3 \'d7\'e9\'bc\'fe\'d2\'aa\'d7\'f6\'b5\'bd\'d7\'ee\'d0\'a1\'b5\'a5\'ce\'bb
\f2  \
5.transition-group
\f3 \'d7\'e9\'bc\'fe\'b5\'c4\'ca\'b9\'d3\'c3
\f2  
\f3 \'ba\'cd
\f2 transition
\f3 \'d3\'d0\'ca\'b2\'c3\'b4\'c7\'f8\'b1\'f0
\f2 \
transition-group 
\f3 \'b1\'c8
\f2  animation 
\f3 \'ba\'c3\'d4\'da\'c4\'c4\'c0\'ef
\f2 \
transition-group
\f3 \'d7\'e9\'bc\'fe\'c4\'ac\'c8\'cf\'b8\'f8\'c6\'e4\'b0\'fc\'b9\'fc\'b5\'c4\'d7\'d3\'d7\'e9\'bc\'fe\'bc\'d3\'c9\'cf\'c0\'e0\'c3\'fb
\f2 \
6.
\f3 \'d7\'e9\'bc\'fe\'bc\'e4\'cd\'a8\'d0\'c5
\f2  
\f3 \'d7\'b0\'ca\'ce\'c6\'f7\'d3\'c3\'b7\'a8
\f2  Emit Provide Inject\
7.animation
\f3 \'d3\'c3\'b7\'a8
\f2 \
8.async await\
9.promise\
10.
\f3 \'bd\'d3\'bf\'da\'b5\'f7\'d3\'c3
\f2 \
11.ctx.drawImage \
12.canvas
\f3 \'d6\'d0\'b5\'c4\'cd\'bc\'c6\'ac\'b3\'df\'b4\'e7\'b2\'bb\'ba\'cf\'ca\'ca\'ca\'b1\'cb\'f5\'b7\'c5
\f2 \
13.
\f3 \'b6\'fe\'ce\'ac\'c2\'eb
\f2 \
14.
\f3 \'ce\'ef\'c0\'ed\'cf\'f1\'cb\'d8
\f2 (
\f3 \'c9\'e8\'b1\'b8\'cf\'f1\'cb\'d8
\f2 )&&
\f3 \'c2\'df\'bc\'ad\'cf\'f1\'cb\'d8
\f2 (
\f3 \'c9\'e8\'b1\'b8\'b6\'c0\'c1\'a2\'cf\'f1\'cb\'d8
\f2 )&&CSS
\f3 \'cf\'f1\'cb\'d8
\f1\b \
\pard\pardeftab560\pardirnatural\partightenfactor0
\ls1\ilvl0
\f4\b0\fs18 \cf0 {\listtext	\uc0\u8226 	}
\f3\fs26 \'ce\'ef\'c0\'ed\'cf\'f1\'cb\'d8\'ca\'c7\'c9\'e8\'b1\'b8\'c4\'dc\'bf\'d8\'d6\'c6\'cf\'d4\'ca\'be\'b5\'c4\'d7\'ee\'d0\'a1\'b5\'a5\'ce\'bb
\f2 \
\ls1\ilvl0
\f4\fs18 {\listtext	\uc0\u8226 	}
\f3\fs26 \'c2\'df\'bc\'ad\'cf\'f1\'cb\'d8\'b4\'fa\'b1\'ed\'bf\'c9\'d2\'d4\'cd\'a8\'b9\'fd\'b3\'cc\'d0\'f2\'bf\'d8\'d6\'c6\'ca\'b9\'d3\'c3\'b5\'c4\'d0\'e9\'c4\'e2\'cf\'f1\'cb\'d8\'a3\'ac\'b0\'fc\'c0\'a8
\f2 CSS
\f3 \'cf\'f1\'cb\'d8
\f2 \
\ls1\ilvl0
\f4\fs18 {\listtext	\uc0\u8226 	}
\f2\fs26 CSS
\f3 \'cf\'f1\'cb\'d8\'c4\'ac\'c8\'cf\'c7\'e9\'bf\'f6\'cf\'c2\'b5\'c8\'d3\'da\'c2\'df\'bc\'ad\'cf\'f1\'cb\'d8
\f2 \
\pard\pardeftab560\slleading20\partightenfactor0

\f3 \cf0 \'ce\'aa\'ca\'b2\'c3\'b4\'b6\'bc\'d2\'aa\'d3\'c3\'b6\'fe\'b1\'b6\'cd\'bc
\f2 \
\pard\pardeftab560\pardirnatural\partightenfactor0
\ls2\ilvl0
\f4\fs18 \cf0 {\listtext	\uc0\u8226 	}
\f3\fs26 \'b7\'d6\'b1\'e6\'c2\'ca
\f2  
\f3 \'bf\'ed
\f2 *
\f3 \'b8\'df
\f2  
\f3 \'c0\'fd\'c8\'e7
\f2  375*667\
\ls2\ilvl0
\f4\fs18 {\listtext	\uc0\u8226 	}
\f2\fs26 dpr
\f3 \'c9\'e8\'b1\'b8\'cf\'f1\'cb\'d8\'b1\'c8\'a3\'ba\'ce\'b4\'cb\'f5\'b7\'c5\'d7\'b4\'cc\'ac\'cf\'c2\'a3\'ac\'ce\'ef\'c0\'ed\'cf\'f1\'cb\'d8\'ba\'cd
\f2 CSS
\f3 \'cf\'f1\'cb\'d8\'b5\'c4\'b3\'f5\'ca\'bc\'b1\'c8\'c0\'fd\'b9\'d8\'cf\'b5
\f2 \
\ls2\ilvl0
\f4\fs18 {\listtext	\uc0\u8226 	}
\f2\fs26 ppi
\f3 \'cf\'f1\'cb\'d8\'c3\'dc\'b6\'c8\'a3\'ba
\f2 \
\ls2\ilvl0
\f4\fs18 {\listtext	\uc0\u8226 	}
\f2\fs26 dpr
\f3 \'d3\'eb
\f2 ppi
\f3 \'cf\'e0\'b9\'d8\'a3\'ac\'d2\'bb\'b0\'e3\'ca\'c7
\f2 ppi/160
\f3 \'b5\'c4\'d5\'fb\'ca\'fd\'b1\'b6\'a3\'bb\'cd\'a8\'b3\'a3\'c8\'cb\'c3\'c7\'d4\'da\'bd\'bb\'c1\'f7\'c9\'e8\'b1\'b8\'c6\'c1\'c4\'bb\'b5\'c4\'ca\'b1\'ba\'f2\'cd\'a8\'b3\'a3\'d2\'b2\'bb\'e1\'b8\'e6\'cb\'df\'b1\'f0\'c8\'cb\'c9\'e8\'b1\'b8\'b5\'c4
\f2 ppi
\f3 \'ca\'c7\'b6\'e0\'c9\'d9\'b6\'f8\'b2\'a2\'b7\'c7\'ca\'c7
\f2 dpr
\f3 \'a3\'ac\'cb\'e4\'c8\'bb
\f2 dpr
\f3 \'b8\'fc\'c4\'dc\'b4\'fa\'b1\'ed\'d2\'bb\'b8\'f6\'c6\'c1\'c4\'bb\'ca\'c7\'b7\'f1\'ca\'c7\'b8\'df\'c7\'e5\'c6\'c1\'c4\'bb\'a1\'a3
\f2 \
\pard\pardeftab560\slleading20\partightenfactor0
\cf0 15.
\f3 \'b6\'cb\'c4\'da\'b6\'ce\'cd\'e2\'b5\'c4\'cc\'f8\'d7\'aa
\f2 \
}